<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <title>知乎</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <!-- 外部css文件 -->

    <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="../../static/js/header.js" th:src="@{/js/header.js}"></script>


</head>


<div th:fragment="careList"
     style="padding:20px 10px 20px 20px;border-bottom:solid;border-width: 1px;border-color: #f0f2f7">
    <link rel="stylesheet" type="text/css" href="style.css" th:href="@{/css/style.css}">

    <script>
        function agree(answerId) {
            alert(answerId);
            $("#" + answerId + "").html("取消赞同");
        }
    </script>
    <style>
        .content {
            word-wrap: break-word;
            float: right;
            width: 474px;
            padding-left: 2px;
            padding-top: 2px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
    </style>
    <div style="width: 100%;">
        <div class="Feed">
            <div class="Feed-firstline" style="color: #8590a6">
                <a href="###" style="color: #8590a6">用户名</a>
                <div class="Feed-source">
                    关注人的动态
                </div>
            </div>
            <div class="question">
                <a href="#" th:text="${name}" style="font-weight:bold;font-size: 20px;color: black">请问厦门理工学院怎么样？</a>
            </div>
            <div class="RichContent is-collapsed">
                <div class="RichContent-inner content"
                     style="width: 100%;margin-bottom: 10px;overflow: hidden;line-height:25px; ">
                    <a href="#" style="color: black;">回答诶凤凰网一二分会为何UIad解放碑垃圾袋说服力骄傲和违法hiu爱我回复我哈UI收到后覅会丢哈UI我
                        阿斯杜甫还无偶和覅地方哈会计师的发生大富科技按行SDK积分阿克苏的发挥空间啊合适的空间安放的尽快干哈框架的后果卡机第三个按时
                        奥斯卡见到过安科技时代噶看见对方过后可接受的很反感一而韩国一安徽分公司对反攻倒算风格电饭锅的复合轨而法国</a>
                     </div>

                <div class="ContentItem-actions">
                    <button onclick="agree()"><span style="display: inline-flex; align-items: center;">​<svg
                            class="Zi Zi--TriangleUp VoteButton-TriangleUp" fill="currentColor" viewBox="0 0 24 24"
                            width="10" height="10">
                                <path
                                        d="M2 18.242c0-.326.088-.532.237-.896l7.98-13.203C10.572 3.57 11.086 3 12 3c.915 0 1.429.571 1.784 1.143l7.98 13.203c.15.364.236.57.236.896 0 1.386-.875 1.9-1.955 1.9H3.955c-1.08 0-1.955-.517-1.955-1.9z"
                                        fill-rule="evenodd"></path>
                            </svg></span>赞同<span class="agree"> n</span></button>
                    <button><svg class="Zi Zi--TriangleDown" fill="currentColor" viewBox="0 0 24 24" width="10"
                                 height="10">
                        <path
                                d="M20.044 3H3.956C2.876 3 2 3.517 2 4.9c0 .326.087.533.236.896L10.216 19c.355.571.87 1.143 1.784 1.143s1.429-.572 1.784-1.143l7.98-13.204c.149-.363.236-.57.236-.896 0-1.386-.876-1.9-1.956-1.9z"
                                fill-rule="evenodd"></path>
                    </svg></button>
                    <div class="btn-gourp  right">
                        <button type="button" class="right"><span
                                style="display: inline-flex; align-items: center;">​<svg
                                class="Zi Zi--Comment Button-zi" fill="currentColor" viewBox="0 0 24 24"
                                width="1.2em" height="1.2em">
                                    <path
                                            d="M10.241 19.313a.97.97 0 0 0-.77.2 7.908 7.908 0 0 1-3.772 1.482.409.409 0 0 1-.38-.637 5.825 5.825 0 0 0 1.11-2.237.605.605 0 0 0-.227-.59A7.935 7.935 0 0 1 3 11.25C3 6.7 7.03 3 12 3s9 3.7 9 8.25-4.373 9.108-10.759 8.063z"
                                            fill-rule="evenodd"></path>
                                </svg></span>评论</button>
                        <button type="button" class="right"><span
                                style="display: inline-flex; align-items: center;">​<svg class="Zi Zi--Share Button-zi"
                                                                                         fill="currentColor" viewBox="0 0 24 24" width="1.2em" height="1.2em">
                                    <path
                                            d="M2.931 7.89c-1.067.24-1.275 1.669-.318 2.207l5.277 2.908 8.168-4.776c.25-.127.477.198.273.39L9.05 14.66l.927 5.953c.18 1.084 1.593 1.376 2.182.456l9.644-15.242c.584-.892-.212-2.029-1.234-1.796L2.93 7.89z"
                                            fill-rule="evenodd"></path>
                                </svg></span>分享</button>
                        <button type="button" class="right"><span
                                style="display: inline-flex; align-items: center;">​<svg class="Zi Zi--Star Button-zi"
                                                                                         fill="currentColor" viewBox="0 0 24 24" width="1.2em" height="1.2em">
                                    <path
                                            d="M5.515 19.64l.918-5.355-3.89-3.792c-.926-.902-.639-1.784.64-1.97L8.56 7.74l2.404-4.871c.572-1.16 1.5-1.16 2.072 0L15.44 7.74l5.377.782c1.28.186 1.566 1.068.64 1.97l-3.89 3.793.918 5.354c.219 1.274-.532 1.82-1.676 1.218L12 18.33l-4.808 2.528c-1.145.602-1.896.056-1.677-1.218z"
                                            fill-rule="evenodd"></path>
                                </svg></span>收藏</button>
                        <button type="button" class="right"><span
                                style="display: inline-flex; align-items: center;">​<svg class="Zi Zi--Heart Button-zi"
                                                                                         fill="currentColor" viewBox="0 0 24 24" width="1.2em" height="1.2em">
                                    <path
                                            d="M2 8.437C2 5.505 4.294 3.094 7.207 3 9.243 3 11.092 4.19 12 6c.823-1.758 2.649-3 4.651-3C19.545 3 22 5.507 22 8.432 22 16.24 13.842 21 12 21 10.158 21 2 16.24 2 8.437z"
                                            fill-rule="evenodd"></path>
                                </svg></span>感谢</button>
                        <div class="btn-group">
                            <div class="btn-group">

                                <button type="button" class="right" data-toggle="dropdown">
                                    <span style="display: inline-flex; align-items: center;">​<svg
                                            class="Zi Zi--Dots Button-zi" fill="currentColor" viewBox="0 0 24 24"
                                            width="1.2em" height="1.2em">
                                            <path
                                                    d="M5 14a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm7 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm7 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"
                                                    fill-rule="evenodd"></path>
                                        </svg></span></button>
                                <div class="dropdown-menu" style="min-width: 100px;padding: 15px;font-size: 15px;">
                                    <a class="dropdown-item" href="#">没有帮助</a>
                                    <a class="dropdown-item" href="#">举报</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>


        <!-- <div class="GlobalSideBar" style="width: 296px; height: 200px; background-color: aqua"></div> -->
    </div>
</div>

</div>
</div>

</html>